<template>
  <div class="nav">
    <router-link tag="div" class="icons" v-for="item in navList" :key="item.id" :to="item.to">
      <img :src="item.imgUrl" alt="" >
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'HomeNav',
  props:{
    navList:Array
  },
  data () {
    return {
      
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '../../../assets/css/varibles.styl'
.nav
    width 100%
    height 1rem
    background-color #fff
    z-index 99
    position fixed    
    bottom 0     
    text-align center 
    .icons 
        width 25%
        height 100%
        padding .2rem 0
        float left
        img 
            width .6rem
            height .6rem
            vertical-align middle
</style>
